<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>债权转让</title>
    <link rel="stylesheet" href="/css/reset.css">
    <link rel="stylesheet" href="/css/common.css">
    <link rel="stylesheet" href="/css/user_siderbar.css">
    <link rel="stylesheet" href="/css/transfer.css">
    <link rel="stylesheet" href="/css/page.css">
    <link rel="stylesheet" href="/css/Pay_the_password.css">
    <script type="text/javascript" src="/js/assets/config.js"></script>
    <script type="text/javascript" src="/js/assets/require.js" data-main="/js/users/transfer"></script>
    <style>
        .forgetPassword3{
            position:relative;
            top:56px;
            left:5px;
            color:red;
        }
    </style>
</head>
<body>
<#include "/include/header.ftl">
<div class="container clear">
<#--这边是弹窗的样式-->
     <div class="rebox clear" hidden>
        <div class="rebox-whole">
            <div class="rebox-whole-options clear">
                <div class="rebox-whole-title">
                    <span>房贷666</span>
                    <div class="close112">
                        <img src="/img/close112.png">
                    </div>
                    <table class="table1">
                        <tr>
                            <td>已收利息：</td>
                            <td class="InterestReceived">16.8元</td>
                        </tr>
                        <tr>
                            <td>未收利息:</td>
                            <td class="InterestUnpaid">123456元</td>
                        </tr>
                        <tr>
                            <td>下次回款:</td>
                            <td class="nextCheck">2017-07-08</td>
                        </tr>
                        <tr>
                            <td>转让金额:</td>
                            <td class="TransferAmount">12350元</td>
                        </tr>
                        <tr>
                            <td>优惠比例:</td>
                            <td class="TransferAmount1">
                                <select>
                                    <option value="0">0%</option>
                                    <option value="1">1%</option>
                                    <option value="2">2%</option>
                                    <option value="3">3%</option>
                                    <option value="4">4%</option>
                                    <option value="5">5%</option>
                                </select>
                            </td>
                        </tr>
                    </table>
                </div>
                <div class="pay_password">
                    <div class="alieditContainer" id="payPassword_container" style="float: left;">
                        <span>请输入交易密码：</span>
                        <input minlength="6" maxlength="6" tabindex="1" id="payPassword_rsainput" name="payPassword_rsainput" class="ui-input i-text" oncontextmenu="return false" onpaste="return false" oncopy="return false" oncut="return false" autocomplete="off" value="" type="password">
                        <div class="sixDigitPassword" tabindex="0">
                            <i><b></b></i>
                            <i><b></b></i>
                            <i><b></b></i>
                            <i><b></b></i>
                            <i><b></b></i>
                            <i><b></b></i>
                            <span class="guangbiao" style="left:0px;"></span>
                        </div>

                    </div>

                    <a href="/user/security" class="forgetPassword3">忘记密码？</a>
                    <#--<a href="" class="forgetPassword" style="float: right;">忘记交易密码</a>-->
                </div>
                <button id="tijao">确认转让</button>
                <div class="imgInfo">
                    <h3 class="push down1"><span></span>费用说明:</h3>
                    <div class="infoAll">
                        <p>1)&nbsp;&nbsp;&nbsp;&nbsp;债权转让收费标准：按照转让金额，收取0.5%的手续费，最低1元/笔。</p>

                        <p>2)&nbsp;&nbsp;&nbsp;&nbsp;费用由转让人支付。</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
<#include "/include/user_siderbar.ftl">
    <div class="wraper fr">
        <h3>债权转让</h3>

        <div class="img">
            <img src="/img/transfer1.png">
        </div>
        <div class="transfer_middle">
            <ul class="clear transfer_middle_ul">
                <li id="0" class="active">可转项目</li>
                <li id="1">正在转让</li>
                <li id="2" class="last">转让成功</li>
            </ul>
            <div class="can clear" hidde>
                <table>
                    <thead>
                    <tr>
                        <td width="20%">项目名称</td>
                        <td width="20%">购买金额(元)</td>
                        <td width="20%">状态</td>
                        <td width="20%">操作</td>
                    </tr>
                    </thead>
                    <tbody id="transfer">
                    </tbody>
                </table>
            </div>
            <script id="transferTemp" type="text/x-handlebars-template">
                {{#each this}}
                <tr>
                    <td>{{itemName}}</td>
                    <td>{{investAmount}}</td>
                    <td>
                        {{#compare debtStatus '==' '0'}}
                        可转让
                        {{/compare}}
                        {{#compare debtStatus '==' '3'}}
                        审核中
                        {{/compare}}
                    </td>
                    {{#compare debtStatus '==' '0'}}
                    <td id="{{id}}" class="operation">
                        <button data-interest="{{actualCollectInterest}}"
                                data-uninterest="{{actualUncollectinterest}}"
                                data-investAmount="{{investAmount}}"
                                class="zhuanrang1">转让</button>
                    </td>
                    {{/compare}}

                    {{#compare debtStatus '==' '3'}}
                    <td id="{{id}}" class="operation1">
                        <button  id="transferable">转让</button>
                    </td>

                    {{/compare}}

                </tr>
                {{/each}}
            </script>

            <div class="can_ing clear" hidden>
                <table>
                    <thead>
                    <tr>
                        <td width="20%">项目名称</td>
                        <td width="20%">转让价格(元）</td>
                        <td width="20%">申请时间</td>
                        <td width="20%">操作</td>
                    </tr>
                    </thead>
                    <tbody id="transfer1">
                    </tbody>
                </table>
            </div>

            <script id="transferTemp1" type="text/x-handlebars-template">
                {{#each this}}
                <tr>
                    <td>{{itemName}}</td>
                    <td>{{debtAmount}}</td>
                    <td>{{debtAddtime}}</td>
                    <td>
                        <a href="/debt/getDebtDetail/{{debtJumpId}}?{{debtJumpId}}" class="See">查看</a>
                    </td>
                </tr>
                {{/each}}
            </script>

            <div class="can_ok clear" hidden>
                <table>
                    <thead>
                    <tr>
                        <td width="16.5%">项目名称</td>
                        <td width="16.5%">转让价格(元）</td>
                        <td width="16.5%">手续费(元)</td>
                        <td width="16.5%">转让时间</td>
                        <td width="16.5%">操作</td>
                    </tr>
                    </thead>
                    <tbody id="transfer2">

                    </tbody>

                </table>

            </div>
            <script id="transferTemp2" type="text/x-handlebars-template">
                {{#each this}}
                <tr>
                    <td>{{name}}</td>
                    <td>{{collectAmount}}</td>
                    <td>{{fee}}</td>
                    <td>{{debtFullTime}}</td>
                    <td>
                        <a href="/debt/getDebtDetail/{{debtJumpId}}?{{debtJumpId}}" class="See">查看</a>
                    </td>
                </tr>
                {{/each}}
            </script>
            <div class="pages">
                <nav>
                    <ul id="pages" style="margin:74px auto">
                    </ul>
                </nav>
            </div>

        </div>


    </div>

</div>
<#include "/include/footer.ftl">
<#include "/include/smalldetails.ftl">
</body>
</html>




